<template>

  <el-container class="box2">
    <el-main >
      <!-- 登录的form表单-->
      <h1 class="title"> 账号验证 </h1>
      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">

        <el-form-item label="用户名" prop="username">
          <el-input v-model="ruleForm.username" prefix-icon="el-icon-s-custom"></el-input>
        </el-form-item>


        <el-form-item>
          <el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="toinfor">个人资料</el-button>
        </el-form-item>

      </el-form>

    </el-main>
  </el-container>

</template>

<script>
    export default {
       name: "pass",
        data() {
            return {
                ruleForm: {
                    username: '',
                    password: ''
                },
                rules: {
                    password: [{required: true, message: '请输入密码', trigger: 'blur'}]
                }
            }
        },
        methods:{
            toinfor(){
                console.log("个人资料")
                this.$router.push('/information')
            }
        }
    }

</script>

<style scoped>
  .box2{
    margin: 100px auto;
    border:1px solid #DCDFE6;
    box-shadow: 0px 0px 5px #DCDFE6;
    border-radius: 10px;
    width: 650px;
    height: 350px;
  }
  .title{
    text-align: center;
  }
</style>
